@charset "gb2312";
.i_service{ width:100%; background:url(../images/service_bg.png) no-repeat; height:713px;}
.i_service_t{ text-align:center; padding-top:51px; color:#4e4e4e; font-size:14.06px; line-height:40px; padding-bottom:43px;}
.i_service_t h2{ height:70px; line-height:70px;background:url(../images/line.png) center bottom no-repeat; font-size:30.12px; color:#333333;}
.box{ width:1176px; margin:auto;}
.box ul{ width:1196px;}
.box ul li{ float:left; height:409px; width:279px; margin-right:20px; overflow:hidden; background:url(../images/orange.png)  0 409px no-repeat; position:relative;}
.box ul li a{ display:block; width:100%; height:100%; top:0; position:absolute;}
.box ul li:hover{ background-position:0px 0px; -webkit-transition:all .5s ease-in-out .3s; transition:all .5s ease-in-out .3s;-moz-transition:all .5s ease-in-out .3s; -ms-transition:all .5s ease-in-out .3s;-o-transition:all .5s ease-in-out .3s;}
.box ul li u{ position:absolute; display:block; margin-left:36px; width:207px; height:207px; background:url(../images/round.png)  no-repeat; -webkit-transition:all .5s ease-in-out .0s; transition:all .5s ease-in-out .0s;-moz-transition:all .5s ease-in-out .0s; -ms-transition:all .5s ease-in-out .0s;-o-transition:all .5s ease-in-out .0s;}
.box ul li u.cr{clip:rect(0px,207px,-10px,103.5px);   }
.box.active ul li u.cr{clip:rect(0px,207px,207px,103.5px); }
.box ul li:hover u.cr{ clip:rect(0px,207px,-10px,103.5px)} 
.box ul li u.cl{clip:rect(207px,103.5px,2000px,0px) }
.box.active ul li u.cl{clip:rect(0px,103.5px,207px,0px);   }
.box ul li:hover u.cl{ clip:rect(207px,103.5px,2000px,0px) }
.box ul li i{ display:block; font-style:normal; position:absolute; height:60px; width:68px; left:104px; top:77px;  }
.box ul li.box1 i{ background:url(../images/box1.png) 0px 0px no-repeat}
.box ul li:hover.box1 i{ background:url(../images/box1.png) -68px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box2 i{ background:url(../images/box2.png) 0px 0px no-repeat;width:72px; left:103px; }
.box ul li:hover.box2 i{ background:url(../images/box2.png) -72px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box3 i{ background:url(../images/box3.png) 0px 0px no-repeat; width:55px; height:66px; left:113px;}
.box ul li:hover.box3 i{ background:url(../images/box3.png) -55px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li.box4 i{ background:url(../images/box4.png) 0px 0px no-repeat; width:70px; height:69px;}
.box ul li:hover.box4 i{ background:url(../images/box4.png) -70px 0px  no-repeat;-webkit-transition:all .5s ease-in-out .4s; transition:all .4s ease-in-out .4s;-moz-transition:all .5s ease-in-out .4s; -ms-transition:all .5s ease-in-out .4s;-o-transition:all .5s ease-in-out .4s;}
.box ul li h3{ font-size:22px; color:#333333; padding:0; margin:0; line-height:24px; font-weight:normal; text-align:center; margin-top:248px;}
.box ul li h3 a{ color:#333}
.box ul li:hover h3{color:#fff;transition:all 0.8s;}
.box ul li p{ font-size:12px; color:#333333; line-height:20px; margin-top:20px; padding:0 20px}
.box ul li p a{color:#333333;}
.box ul li p a:hover{color:#fff;}
.box ul li:hover p{color:#fff;transition:all 0.8s;}

.guwenmore{ width:387px; height:56px; display:block; margin:0 auto; border:1px solid #ff9c00; clear:both; margin-top:35px; margin-bottom:32px; text-align:center; line-height:56px; font-size:16px; color:#ff9c00;}

.hvr-shutter-out-vertical{backface-visibility:hidden;background:transparent none repeat scroll 0 0;position:relative;transform:translateZ(0px);transition-duration:.3s;transition-property:color;-moz-transform:translateZ(0px);-moz-transition-duration:.3s;-moz-transition-property:color;-webkit-transform:translateZ(0px);-webkit-transition-duration:.3s;-webkit-transition-property:color;vertical-align:middle}
.hvr-shutter-out-vertical::before{background:#ff9c00 none repeat scroll 0 0;border:0 none;padding:1px;bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:scaleY(0);transform-origin:50% 50% 0;transition-duration:.3s;transition-property:transform;transition-timing-function:ease-out;-moz-transform:scaleY(0);-moz-transform-origin:50% 50% 0;-moz-transition-duration:.3s;-moz-transition-property:transform;-moz-transition-timing-function:ease-out;-webkit-transform:scaleY(0);-webkit-transform-origin:50% 50% 0;-webkit-transition-duration:.3s;-webkit-transition-property:transform;-webkit-transition-timing-function:ease-out;z-index:-1}
.hvr-shutter-out-vertical:active,.hvr-shutter-out-vertical:focus,.hvr-shutter-out-vertical:hover{color:#000}
.hvr-shutter-out-vertical:active::before,.hvr-shutter-out-vertical:focus::before,.hvr-shutter-out-vertical:hover::before{transform:scaleY(1);-moz-transform:scaleY(1);-webkit-transform:scaleY(1)}

.btn-enter{font-family:iuniFonts;opacity:0;transition:all .5s ease-in .1s;-moz-transition:all .5s ease-in .1s;-webkit-transition:all .5s ease-in .1s}
.btn-enter{transition-delay:.1s;-moz-transition-delay:.1s;-webkit-transition-delay:.1s;transform:translate(0px,5px);-moz-transform:translate(0px,5px);-webkit-transform:translate(0px,5px)}
.btn-enter {opacity:1;top:0;transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate(0px,0)}
.btn-enter:active,.btn-enter:focus,.btn-enter:hover{color:#000}
.btn-enter {opacity:1;transition:all 0s ease-in 0s;-moz-transition:all 0s ease-in 0s;-webkit-transition:all 0s ease-in 0s}
.btn-enter {transform:translate(0px,0);-moz-transform:translate(0px,0);-webkit-transform:translate(0px,0)}
.btn-enter:active,.btn-enter:focus,.btn-enter:hover{background:#fff;color:#fff}

/*解决方案*/
.i_solution{ height:735px; overflow:hidden; background:url(../images/solution_bg.jpg) no-repeat center top;}
.solutioncon{ min-height:460px; margin-top:46px;}
.solution_ul ul{ width:1220px;}
.solution_ul ul li{ float:left; width:284px; overflow:hidden; height:348px;position: relative; background-color:#fff;z-index:0; margin-right:20px;}
.solution_ul ul li .shade{width:284px;height:174px;background:url(../images/solution_pic.png) center center no-repeat;position:absolute;top:-174px;left:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.solution_ul ul li .bg{width:284px;height:174px;background:#ef9b11;position:absolute;bottom:-210px;left:0;z-index:1;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.solution_ul ul li:hover .shade{top:0;}
.solution_ul ul li:hover .bg{bottom:0;}
.solution_ul ul li:hover p{color:#fff;}
.solution_ul ul li:hover p strong{color:#fff;}
.solution_ul ul li:hover img{}
.solution_ul ul li img{width:284px;height:174px;-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-ms-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear;}
.solution_ul ul li p{color:#191919;line-height:25px; height:100px; overflow:hidden;margin:10px 16px;font-family:"微软雅黑";position:relative;z-index:2; padding-top:22px;}
.solution_ul ul li p strong{color:#191919;font-size:16px; line-height:32px; font-weight:normal;}

.guwenmore2{ width:387px; height:56px; display:block; margin:0 auto; border:1px solid #ff9c00; clear:both; margin-top:35px; margin-bottom:32px; text-align:center; line-height:56px; font-size:16px; color:#ff9c00;}

.solutioncon{ min-height:460px; margin-top:46px;}
.solution_ul2 ul{ width:1220px;}
.solution_ul2 ul li{ float:left; width:284px; border:1px solid #f4f4f4; overflow:hidden; height:348px;position: relative; background-color:#eeedec;margin-right:18px;}
.solution_ul2 ul li .bg{width:284px;height:206px; background:url(../images/solution_bg2.jpg) no-repeat;position:absolute;top:-64px;left:0;z-index:0;-webkit-transition:all .2s linear;-moz-transition:all .2s linear;-ms-transition:all .2s linear;-o-transition:all .2s linear;transition:all .2s linear;}
.solution_ul2 ul li:hover{border:1px solid #dedede;}
.solution_ul2 ul li:hover .bg{top:142px;}
.solution_ul2 ul li:hover p{color:#fff;}
.solution_ul2 ul li:hover p strong{color:#fff;}
.solution_ul2 ul li:hover img{}
.solution_ul2 ul li img{width:284px;height:142px;z-index:2;position:relative;}
.solution_ul2 ul li p{color:#191919;line-height:25px; height:144px; overflow:hidden;margin:10px 15px;font-family:"微软雅黑";position:relative;z-index:2; padding-top:22px; }
.solution_ul2 ul li p strong{color:#191919;font-size:14px; font-weight:normal; line-height:26px;}